<?php
/*------------------------------------------------------------------------
 # Sot Article Style  - Version 1.0
 # @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 # @Author: Sky Of Tech
 # @Websites: http://skyoftech.com
 # @Email: contactnum1@gmail.com
 # Copyright (C) 2010-2011 Sky Of Tech. All Rights Reserved.
 -------------------------------------------------------------------------*/
 
defined( '_JEXEC' ) or die( 'Restricted access' );

$module_id = $module->id;
$module_name = $module->module;
$root_path = JURI::root();
$img_path = $root_path.'modules/'.$module_name.'/assets/';

$document =& JFactory::getDocument();

$width_area_display = $numberItems * ($thumb_width+20);// for horizontal
$height_area_display = $numberItems * ($thumb_height+20);// for vertical

$module_width = $width_area_display;

$styles = 
'
#sotss-skin-tango-'.$module_id.' .sotss-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
   	border-radius: 10px;
    background: '.$backgroundColor.';
    border: 1px solid '.$borderColor.';
}

#sotss-skin-tango-'.$module_id.' .sotss-container-horizontal {
    width: '.$module_width.'px;
    padding: 20px 40px;
}

#sotss-skin-tango-'.$module_id.' .sotss-clip-horizontal {
    width:  '.$module_width.'px;
    /*height: '.$thumb_height.'px;*/
}

#sotss-skin-tango-'.$module_id.' .sotss-item {
    width:  '.$thumb_width.'px;
    /*height: '.$thumb_height.'px;*/
	color:#000000
}

#sotss-skin-tango-'.$module_id.' .SotSimpleSlider_item{
	width:'.($thumb_width+10).'px
}
#sotss-skin-tango-'.$module_id.' .SotSimpleSlider_item .media{
	padding:5px
}
#sotss-skin-tango-'.$module_id.' .SotSimpleSlider_item .contentSlider{
	padding:5px; overflow:hidden
}

.sotss-theme3 #sotss-skin-tango-'.$module_id.' .SotSimpleSlider_item .media_content{ position:relative; height: '.$thumb_height.'px; overflow:hidden; background:blue}
.sotss-theme3 #sotss-skin-tango-'.$module_id.' .SotSimpleSlider_item .contentSlider{
	padding:5px; overflow:hidden; top:'.($thumb_height-30).'px;
}

#sotss-skin-tango-'.$module_id.' .sotss-container-vertical {
    width: '.($thumb_width+20).'px;
    height: '.$height_area_display.'px;
    padding: 40px 20px;
}
#sotss-skin-tango-'.$module_id.' .sotss-clip-vertical {
    width: '.($thumb_width+20).'px;
    height: '.$height_area_display.'px;
}

';

$document->addStyleDeclaration($styles);
?>